<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理系统</title>
  <link rel="SHORTCUT ICON" href="../image/logo/logo.png" type="image/x-icon">
  <link rel="stylesheet" href="../css/final.css" type="text/css">
  <link rel="stylesheet" href="../css/operation.css" type="text/css">
  <script rel="script" src="../js/operation.js" type="text/javascript"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
  <div id="whole">
    <div id="head"><!--页头-->
      <h2 id="title" class="iconfont">&#xe607; STUDENT MANAGEMENT SYSTEM</h2>
        <p id="page"></p>
    </div>
      <div id="content">
          <div id="left"><!--侧边功能栏-->
              <p class="iconfont bt" id="menu">&#xe609;</p>
              <P class="iconfont bt" id="add">新增&#xe602;</P>
              <p class="iconfont bt" id="change">修改&#xe61d;</p>
              <p class="iconfont bt" id="check">查看&#xe608;</p>
              <p class="iconfont bt" id="chooseAll">全选&#xe62a;</p>
              <p class="iconfont bt" id="delete">删除&#xe678;</p>
              <p class="iconfont bt" id="last">上页&#xe627;</p>
              <p class="iconfont bt" id="next">下页&#xe600;</p>
              <p class="iconfont" id="logout">退出&#xe65c;</p>
          </div>
          <div id="rightTab"><!--右侧内容栏-->
              <table id="table">
                  <tr id="first">
                      <th>序号</th>
                      <th id="sId" class="iconfont">学号&#xe644;</th>
                      <th>姓名</th>
                      <th>性别</th>
                      <th>年龄</th>
                      <th>学院</th>
                      <th>专业</th>
                      <th>年级</th>
                      <th>班级</th>
                  </tr>
              </table>
          </div>
      </div>
      <!--弹窗-->
      <div id="curtain">
          <div id="alert">
              <div id="alertHead">
                  <p class="iconfont" id="close">&#xe62f;</p>
                  <h2 class="iconfont" id="alertTitle"></h2>
              </div>
              <div id="scanContent">
                  <ul id="form">
                      <li>
                          <label for="input1">学号: </label><input class="input" id="input1" placeholder="11-15位的数字学号" maxlength="20">
                      </li>
                      <li>
                          <label for="input2">姓名: </label><input class="input" id="input2" placeholder="6位以内的中文姓名" maxlength="20">
                      </li>
                      <li>
                          <label for="input3">性别: </label><input class="input" id="input3" placeholder="男/女" maxlength="20">
                      </li>
                      <li>
                          <label for="input4">年龄: </label><input class="input" id="input4" placeholder="小于30的数字年龄" maxlength="20">
                      </li>
                      <li>
                          <label for="input5">学院: </label><input class="input" id="input5" placeholder="XXXX学院" maxlength="20">
                      </li>
                      <li>
                          <label for="input6">专业: </label><input class="input" id="input6" placeholder="专业" maxlength="20">
                      </li>
                      <li>
                          <label for="input7">年级: </label><input class="input" id="input7" placeholder="例:大一/研一" maxlength="20">
                      </li>
                      <li>
                          <label for="input8">班级: </label><input class="input " id="input8" placeholder="大于0的数字班号" maxlength="20">
                      </li>
                  </ul>
                  <button id="save">保存</button>
              </div>
      </div>
  </div>
      <div id="tipCurtain">
          <div id="tip">
              <div id="tipH">
                  <h2 id="tipT">提示!</h2>
              </div>
              <div id="tipC">
                  <p id="tipIc"></p>
                  <p id="confirm" class="tipB">确认</p>
                  <p id="cancel" class="tipB">取消</p>
              </div>
          </div>
      </div>
      <div id="quickTip" class="slide-out-bck-top">
          <p id="quickTipC"></p>
      </div>
</div>
</body>
</html>